Extensions

Press shift + S to search API reference.

Interface

FlexItemSetProps

View source

Style props for a flex item element.

interface FlexItemSetProps extends FlexProps, FlexGrowProps, FlexShrinkProps, FlexBasisProps, AlignSelfProps, JustifySelfProps, OrderProps
alignSelfOptionalResponsiveProp<AlignSelfProperty>

Aligns flex items of the current flex line, overriding the alignItems value.

flexOptionalResponsiveProp<FlexProperty<Length>>

Sets how a flex item will grow or shrink to fit the space available in its flex container. It is a shorthand for flexGrow, flexShrink, and flexBasis.

flexBasisOptionalResponsiveProp<FlexBasisProperty<Length>>

Sets the initial main size of a flex item.

flexGrowOptionalResponsiveProp<GlobalsNumber>

Sets the flex grow factor of a flex item. If the size of flex items is smaller than the flex container, items grow to fit according to flexGrow.

flexShrinkOptionalResponsiveProp<GlobalsNumber>

Sets the flex shrink factor of a flex item. If the size of flex items is larger than the flex container, items shrink to fit according to flexShrink.

orderOptionalResponsiveProp<GlobalsNumber>

Sets the order to lay out an item in a flex container. Items are sorted by ascending order value and then by their source code order.